<template>
  <div id="container">
    <div class="title">{{ title }}</div>
    <div class="content">
      <div>我是充值内容区域</div>
      <div>测试定时器</div>
      <counter-timer></counter-timer>
    </div>
    <tab-bar :tab-index="tabIndex" />
  </div>
</template>

<script>
import RouterConfig from "../../config/RouterConfig";
import CounterTimer from "./components/CounterTimer";
import TabBar from "../../components/TabBar";
export default {
  name: "Recharge",
  components: {
    TabBar,
    CounterTimer,
  },
  data: function () {
    return {
      tabIndex: 1,
      title: "充值",
    };
  },
  props: {},
  created: function () {},
  methods: {
    //更新Dom
    updateDom: function () {
      this.$nextTick(function () {});
    },
  },
};
</script>


<style scoped>
#container {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #fff;
}
.title {
  width: 100%;
  height: 2em;
  text-align: center;
}
.content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
</style>



